﻿/* CSS Document */
/* common */
/* 主题色 */

:root {
    --pm-c: #21cf78;
    --bg-c: #f2f5f9;
    --br-c: #f2f5f9；
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    outline: none;
    text-decoration: none;
    font-family: 'MicroSoft YaHei';
}

body {
    background: #fcfcfc;
}

h1,
h2,
h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* layout */
.box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.wrap {
    width: 1200px;
    margin: 15px auto;
    overflow: hidden
}

.wrap .beian {
    color: #868686;
}

.fl {
    float: left
}

.fr {
    float: right
}

.topper {
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #ccc;
    background: #F0F0F0;
    border-top: 1px solid #B6B6B6;
    text-align: right
}

.topper a {
    color: #666;
    margin: 0 10px;
}

.topper a:hover {
    color: #F60;
}

.header {
    height: 100px;
    border-bottom: 1px solid #e3e3e5;
    margin: 0 auto;
}

.logo a {
    height: 50px;
    margin: 25px 0;
    font: bold 32px/50px 'MicroSoft YaHei';
    color: #868686;
    float: left;
}

.logo b {
    color: #21CF78;
}

.menu {
    width: 585px;
    height: 100px;
    margin: 0 20px;
    float: left;
    white-space: nowrap;
}

.menu a {
    font: bold 15px/98px 'MicroSoft YaHei';
    color: #666;
    border-top: 2px solid #fcfcfc;
    padding: 0 12px;
    display: inline-block
}

.menu a:hover,
.menu a.on {
    background: #F8F4F3;
    border-top: 2px solid #21CF78;
}

.menu i {
    width: 30px;
    height: 30px;
    background: url(../images/icons.png) no-repeat;
    vertical-align: middle;
    padding-right: 6px;
    display: inline-block
}

.menuGame i {
    background-position: 0 0;
}

.menuApp i {
    background-position: 0 -30px;
}

.menuTopic i {
    background-position: 0 -60px;
}

.menuNew i {
    background-position: 0 -90px;
}

.searBox {
    padding-top: 24px;
    float: right;
}

.search {
    width: 390px;
    height: 35px;
    background: #21CF78;
    padding: 2px;
    overflow: hidden;
}

.txt_search {
    width: 320px;
    height: 35px;
    font: normal 12px/33px 'MicroSoft YaHei';
    padding: 0 5px;
    float: left;
}

.btn_search {
    width: 50px;
    height: 35px;
    background: url(../images/icons.png) 15px -120px no-repeat #21CF78;
    color: #fff;
    text-align: center;
    cursor: pointer;
    float: left;
}

.hot_word {
    font: normal 12px/20px 'MicroSoft YaHei';
    padding-top: 3px;
}

.hot_word a {
    color: #333;
    margin-right: 10px;
}

.hot_word a:hover {
    text-decoration: underline
}

.hot_word a.on {
    color: #F60
}


/* all_width */
.w580 {
    width: 580px;
}

.w620 {
    width: 620px;
}

.w780 {
    width: 780px;
}

.w380 {
    width: 380px;
}

.w200 {
    width: 200px;
}

.w980 {
    width: 980px;
}

.main {
    width: 880px;
    float: left
}

.sub {
    width: 290px;
    float: right
}

/* focus */
.focus {
    width: 580px;
    height: 265px;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.andr_focus {
    width: 490px;
    height: 223px;
    position: relative;
    overflow: hidden
}

.f580x265 {
    width: 580px;
    height: 265px;
    overflow: hidden
}

.f580x265 img {
    width: 580px;
    height: 265px
}

.f580x265 li p {
    width: 470px;
    height: 30px;
    background: url(../images/bg_popular.png) repeat-x;
    font: normal 14px/30px 'MicroSoft YaHei';
    color: #fff;
    padding: 0 100px 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f490x223 {
    width: 490px;
    height: 223px;
    overflow: hidden
}

.f490x223 img {
    width: 490px;
    height: 223px
}

.f600x {
    width: 600px;
    height: 480px;
    overflow: hidden;
    margin: 0 auto
}

.f600x img {
    width: 600px;
}

.rslides {
    width: 100%;
    position: relative;
    list-style: none;
    padding: 0
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    top: 107px;
    left: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0.5;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/arrow.png) no-repeat
}

.andr_focus .rslides_nav {
    top: 90px
}

.pc_jt .rslides_nav {
    top: 180px
}

.rslides_nav:active {
    opacity: 1.0
}

.rslides_nav.next {
    left: auto;
    background-position: -31px 0;
    right: 0
}

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 9px;
    right: 9px;
}

.rslides_tabs li {
    display: inline;
    float: none;
    float: left\9;
    margin: 0 5px
}

.rslides_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 15px;
    background: rgba(0, 0, 0, .2);
    background: #DDD;
    display: inline-block;
    width: 9px;
    height: 9px
}

.rslides_tabs .rslides_here a {
    background: rgba(0, 0, 0, .6);
    background: #28C88A
}

.newest {}

.newest ul {
    overflow: hidden;
}

.newest li {
    width: 290px;
    font: normal 14px/30px 'MicroSoft YaHei';
    margin: 0 0 3px 20px;
    float: left
}

.newest li img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.newest li em {
    width: 55px;
    font-style: normal;
    font-size: 12px;
    color: #999;
    text-align: right;
    float: right
}

.newest li em.on {
    color: #F60
}

.newest li p {
    width: 225px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.newest li a {
    color: #333;
}

.newest li a:hover {
    color: #F60;
    text-decoration: underline;
}

.newest li b {
    font-weight: normal;
    padding-right: 5px;
}

.newest li b a {
    color: #999;
}

.newest li b a:hover {
    color: #28C88A;
}

.tit {
    height: 30px;
    font: normal 20px/30px 'MicroSoft YaHei';
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
    margin: 10px 0;
    overflow: hidden
}

.tit a {
    color: #333
}

.tit a:hover {
    color: #f60
}

.tit i {
    width: 30px;
    height: 30px;
    background: url(../images/icons.png) no-repeat;
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.tit i.iconApp {
    background-position: 0 -155px;
}

.tit i.iconTopic {
    background-position: 0 -185px;
}

.tit i.iconGame {
    background-position: 0 -215px;
}

.tit i.iconMust {
    background-position: 0 -245px;
}

.tit i.iconNew {
    background-position: 0 -275px;
}

.tit i.titApp {
    background-position: 0 -30px
}

.tit span {
    font: italic 14px/30px 'MicroSoft YaHei';
    color: #ccc;
    float: right;
}

.tit span a {
    color: #666;
    margin: 0 10px
}

.tit span a:hover {
    color: #F60;
    text-decoration: underline
}

.tit b {
    font: normal 14px/30px 'MicroSoft YaHei';
    float: right
}

.tit b a {
    color: #666;
    margin-right: 12px;
}

.tit b a:hover {
    color: #f60
}

.tit b a.on {
    color: #21CF78;
    text-decoration: underline;
}

.more {
    font: normal 14px/30px 'MicroSoft YaHei';
    color: #999;
    float: right;
}

.titKeyword {
    height: 30px;
    font: italic 14px/30px 'MicroSoft YaHei';
    color: #ccc;
    overflow: hidden
}

.titKeyword a {
    color: #666;
    margin: 0 10px;
    display: inline-block
}

.titKeyword a:hover {
    color: #F60;
    text-decoration: underline
}

.subCategory {
    overflow: hidden
}

.subCategory li {
    font: normal 14px/30px 'MicroSoft YaHei';
    margin: 15px 9px 5px 0px;
    float: left
}

.subCategory li a {
    color: #666;
}

.subCategory li i,
.tit s {
    width: 30px;
    height: 30px;
    background: url(../images/categorybg.png) no-repeat;
    vertical-align: middle;
    padding-right: 5px;
    display: inline-block
}

.tit s {
    padding-right: 10px;
}

.subCategory li i.i_286,
.tit s.i_286 {
    background-position: 0 0
}

.subCategory li i.i_285,
.tit s.i_285 {
    background-position: 0 -30px
}

.subCategory li i.i_294,
.tit s.i_294 {
    background-position: 0 -60px
}

.subCategory li i.i_290,
.tit s.i_290 {
    background-position: 0 -90px
}

.subCategory li i.i_291,
.tit s.i_291 {
    background-position: 0 -120px
}

.subCategory li i.i_258,
.tit s.i_258 {
    background-position: 0 -150px
}

.subCategory li i.i_277,
.tit s.i_277 {
    background-position: 0 -180px
}

.subCategory li i.i_288,
.tit s.i_288 {
    background-position: 0 -210px
}

.subCategory li i.i_202,
.tit s.i_202 {
    background-position: 0 -240px
}

.subCategory li i.i_298,
.tit s.i_298 {
    background-position: 0 -270px
}

.subCategory li i.i_293,
.tit s.i_293 {
    background-position: 0 -300px
}

.subCategory li i.i_302,
.tit s.i_302 {
    background-position: 0 -330px
}

.subCategory li i.i_279,
.tit s.i_279 {
    background-position: 0 -360px
}

.subCategory li i.i_313,
.tit s.i_313 {
    background-position: 0 -390px
}

.subCategory li i.i_243,
.tit s.i_243 {
    background-position: 0 -420px
}

.subCategory li i.i_312,
.tit s.i_312 {
    background-position: 0 -450px
}

.subCategory li i.i_278,
.tit s.i_278 {
    background-position: 0 -480px
}

.subCategory li i.i_310,
.tit s.i_310 {
    background-position: 0 -510px
}

.subCategory li i.i_280,
.tit s.i_280 {
    background-position: 0 -540px
}

.subCategory li i.i_297,
.tit s.i_297 {
    background-position: 0 -570px
}

.subCategory li i.i_242,
.tit s.i_242 {
    background-position: 0 -600px
}

.subCategory li i.i_394,
.tit s.i_394 {
    background-position: 0 -630px
}

.subCategory li i.i_307,
.tit s.i_307 {
    background-position: 0 -660px
}

.subCategory li i.i_339,
.tit s.i_339 {
    background-position: 0 -690px
}

.subCategory li i.i_333,
.tit s.i_333 {
    background-position: 0 -720px
}

.subCategory li i.i_334,
.tit s.i_334 {
    background-position: 0 -750px
}

.subCategory li i.i_328,
.tit s.i_328 {
    background-position: 0 -780px
}

.subCategory li i.i_329,
.tit s.i_329 {
    background-position: 0 -810px
}

.subCategory li i.i_331,
.tit s.i_331 {
    background-position: 0 -840px
}

.subCategory li i.i_335,
.tit s.i_335 {
    background-position: 0 -870px
}

.subCategory li i.i_336,
.tit s.i_336 {
    background-position: 0 -900px
}

.subCategory li i.i_337,
.tit s.i_337 {
    background-position: 0 -930px
}

.subCategory li i.i_341,
.tit s.i_341 {
    background-position: 0 -960px
}

.subCategory li i.i_343,
.tit s.i_343 {
    background-position: 0 -990px
}

.subCategory li i.i_396,
.tit s.i_396 {
    background-position: 0 -1020px
}

.subCategory li i.i_more {
    background-position: 0 -1050px
}

.mainAppList {
    margin-left: -25px;
    overflow: hidden
}

.mainAppList li {
    width: 80px;
    height: 135px;
    font: normal 14px/24px 'MicroSoft YaHei';
    text-align: center;
    margin: 8px 0 0 31px;
    float: left
}

.mainAppList li img {
    width: 80px;
    height: 80px;
}

.mainAppList li p {
    height: 24px;
    padding-top: 7px;
    overflow: hidden
}

.mainAppList li p a {
    color: #666;
}

.mainAppList li p a:hover {
    color: #F60
}

.mainAppList li i {
    font: normal 12px/24px 'MicroSoft YaHei';
    color: #999;
    display: block
}

.star {
    width: 60px;
    height: 10px;
    background: url(../images/star.png) no-repeat;
    margin: 4px auto 10px auto;
    position: relative;
    display: inline-block
}

.star span {
    height: 10px;
    background: url(../images/star.png) 0 -10px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.btnFocus {
    background: #21CF78;
    color: #fff;
    font: normal 12px/24px 'MicroSoft YaHei';
    display: none
}

.w780 .mainAppList {
    margin-left: -33px;
}

.w780 .mainAppList li {
    width: 100px;
    height: 155px;
    margin-left: 35px;
}

.w780 .mainAppList li img {
    width: 100px;
    height: 100px;
}

.recommendList .mainAppList {
    margin-left: -34px;
    padding-top: 10px;
}

.recommendList .mainAppList li {
    width: 120px;
    height: 200px;
    margin: 10px 0 10px 34px;
}

.recommendList .mainAppList li img {
    width: 120px;
    height: 120px;
}

.main .mainAppList li {
    height: 155px;
    margin: 12px 0 12px 31px;
}

.tip_roll {
    overflow: hidden
}

.tip_prev,
.tip_next {
    width: 25px;
    height: 50px;
    background: url(../images/arrow.png) no-repeat;
    margin-top: 50px;
    float: left
}

.tip_next {
    background-position: -31px 0;
    float: right
}

.troll {
    width: 1146px;
    height: 128px;
    margin: 10px 2px 0 2px;
    overflow: hidden;
    float: left
}

.troll ul {
    float: left;
}

.troll li {
    width: 282px;
    height: 128px;
    float: left;
    margin-left: 4px;
    position: relative
}

.troll li img {
    width: 282px;
}

.troll li p {
    width: 262px;
    height: 30px;
    font: normal 14px/30px 'MicroSoft YaHei';
    background: url(../images/bg_popular.png) repeat-x;
    color: #fff;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0
}

.subNewList {}

.subNewList li {
    height: 30px;
    background: url(../images/dot.png) left no-repeat;
    font: normal 14px/30px 'MicroSoft YaHei';
    padding-left: 10px;
    overflow: hidden
}

.subNewList i {
    font: normal 12px/30px Arial;
    color: #999;
    float: right
}

.subNewList a {
    color: #666;
}

.subNewList a:hover {
    color: #f60
}

.appWrap .subNewList {
    margin-left: -20px;
    overflow: hidden
}

.appWrap .subNewList li {
    width: 330px;
    margin-left: 20px;
    float: left
}

.flink {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.flink a {
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #666;
    margin-right: 12px;
    display: inline-block
}

.footer {
    font: normal 12px/20px 'MicroSoft YaHei';
    color: #999;
    padding: 5px 0 20px 0;
    text-align: center;
}

.topicImgList {
    width: 615px;
    margin: -12px 0 0 5px;
    overflow: hidden;
    float: left
}

.topicImgList li {
    width: 200px;
    height: 126px;
    float: left;
    margin: 12px 0 0 5px;
    overflow: hidden
}

.topicImgList li img {
    width: 100%;
}

.topicImgList li p {
    height: 35px;
    background: #555;
    font: normal 12px/35px 'MicroSoft YaHei';
    color: #fff;
    padding: 0 5px;
    overflow: hidden
}

.appCategory {
    margin-left: -14px;
}

.appCategory a {
    width: 94px;
    height: 32px;
    margin: 14px 0 0 14px;
    border: 1px solid #ddd;
    font: normal 14px/32px 'MicroSoft YaHei';
    color: #666;
    text-align: center;
    display: inline-block;
    overflow: hidden
}

.appCategory a.on,
.appCategory a:hover {
    background: #28C88A;
    color: #fff;
    border: 1px solid #28C88A;
}

.appEssential {
    padding-top: 20px;
    overflow: hidden;
    margin-left: -24px;
}

.appEssential li {
    width: 98px;
    font: normal 14px/20px 'MicroSoft YaHei';
    text-align: center;
    margin-left: 24px;
    float: left
}

.appEssential li a {
    color: #333;
}

.appEssential li a:hover {
    color: #f33
}

.appEssential li img {
    width: 98px;
}

.appEssential li p {
    height: 20px;
    overflow: hidden;
    margin-top: 5px;
}

.appEssential li span {
    color: #999;
    display: block
}

.topList {}

.topList li {
    height: 24px;
    font: normal 14px/24px 'MicroSoft YaHei';
    margin-top: 12px;
}

.topList i {
    font: normal 12px/25px Arial;
    color: #999;
    float: right
}

.topList b {
    width: 20px;
    height: 20px;
    font: normal 14px/20px Arial;
    background: #e5e5e5;
    margin: 2px 0;
    text-align: center;
    float: left
}

.topList b.on {
    background: #28C88A;
    color: #fff;
}

.topList li img {
    width: 24px;
    margin: 0 8px;
    float: left
}

.topList li p {
    float: left
}

.topList li p a {
    color: #444;
    overflow: hidden;
    display: inline-block;
    width: 160px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topList li p a:hover {
    color: #f33
}

/* page */
.page {
    text-align: center;
    padding: 25px 0;
    border-top: 1px solid #f2f3f5;
}

.page a {
    height: 22px;
    font: normal 12px/22px Arial;
    color: #666;
    border: 1px solid #ddd;
    padding: 0 8px;
    margin: 2px;
    display: inline-block;
}

.page a:hover {
    border: 1px solid #24CD77;
    color: #24CD77;
}

.page span {
    height: 22px;
    font: normal 12px/22px Arial;
    border: 1px solid #24CD77;
    background: #24CD77;
    border: 1px solid #24CD77;
    color: #fff;
    padding: 0 8px;
    margin: 2px;
    display: inline-block;
}

.pos {
    font: normal 12px/20px 'MicroSoft YaHei';
    color: #666;
    padding-top: 12px;
}

.pos a {
    color: #666;
}

.pos a:hover {
    color: #f33;
}

.pos b {
    font: normal 10px/20px Verdana;
    color: #aaa;
    padding: 0 10px;
}

.infoSub {
    width: 180px;
    float: left
}

.infoMain {
    width: 730px;
    margin: 0 15px;
    float: left
}

.infoRight {
    width: 260px;
    float: right
}

.subAppicon {
    padding-top: 15px;
}

.subAppicon img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block
}

.pc_data img {
    width: 50px;
    height: 50px;
}

.subAppicon h3 {
    height: 30px;
    font: normal 18px/30px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden;
    margin: 8px 0 15px 0
}

.btnAndroid {
    height: 40px;
    font: normal 16px/40px 'MicroSoft YaHei';
    background: url(../images/icon_btn.png) 10px 10px no-repeat #28C88A;
    padding-left: 40px;
    margin-top: 10px;
    position: relative
}

.btnAndroid a {
    color: #fff;
    display: block
}

.btnAndroid i {
    width: 40px;
    height: 40px;
    background: url(../images/icon_btn.png) 7px -66px no-repeat;
    border-left: 1px solid #24B47C;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}


.btnPop {
    width: 140px;
    height: 120px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 19px;
    text-align: center;
    position: absolute;
    left: -140px;
    top: 40px;
    z-index: 999;
    display: none
}

.btnPop img {
    width: 100px;
    height: 100px;
}

.btnPop p {
    height: 20px;
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #666;
    margin-top: 5px;
    overflow: hidden
}

.btnPc {
    height: 40px;
    font: normal 16px/40px 'MicroSoft YaHei';
    background: url(../images/icon_btn.png) 10px -28px no-repeat #FFA13D;
    padding-left: 40px;
    margin-top: 10px;
    position: relative
}

.btnPc a {
    color: #fff;
    display: block
}

.btnPc i {
    width: 40px;
    height: 40px;
    background: url(../images/icon_btn.png) 7px -66px no-repeat;
    border-left: 1px solid #E59137;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.infoBtn {
    overflow: hidden
}

.infoBtn .btnPc,
.infoBtn .btnAndroid {
    width: 140px;
    float: left;
    margin-right: 15px;
}

.infoBtn .btnAndroid {
    width: 90px;
}

.infoNotice {
    font: normal 14px/24px 'MicroSoft YaHei';
    border: 1px dotted #f60;
    color: #28C88A;
    padding: 5px 10px;
    margin: 10px 0 15px 0;
}

.zolSub {}

.zolSub li {
    margin-top: 10px;
    overflow: hidden
}

.zolSub li img {
    width: 55px;
    height: 55px;
    float: left;
}

.zolSub li section {
    width: 115px;
    float: right;
}

.zolSub li h3 {
    font: normal 15px/20px 'MicroSoft YaHei';
    color: #333
}

.zolSub li p {
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #999;
    overflow: hidden
}

.zolSub li .star {
    margin: 5px 0;
}



.infoMain table {
    padding: 15px 0
}

.infoMain td {
    font: normal 12px/22px 'MicroSoft YaHei';
    padding: 3px 30px 3px 0;
}

.infoMain td i {
    font-style: normal;
    color: #999;
}

.infoMain td span {
    vertical-align: middle
}

.infoMain td a {
    color: #333
}

.tipWord {
    height: 24px;
    overflow: hidden
}

.tipWord a {
    border: 1px solid #f00;
    padding: 0 5px;
    margin-right: 12px;
    display: inline-block
}

.tipWord a:hover {
    border: 1px solid #f60;
    color: #f60
}

.cloudTags {
    padding: 5px 0 0 5px
}

.cloudTags a {
    margin: 12px 12px 0 0
}

.size_0 {
    font-size: 11px;
    color: #C05C66
}

.size_1 {
    font-size: 12px;
    color: #2E8C68
}

.size_2 {
    font-size: 14px;
    color: #6229CE
}

.size_3 {
    font-size: 16px;
    color: #60BCEF
}

.size_4 {
    font-size: 18px;
    color: #70991F
}

.size_5 {
    font-size: 11px;
    color: #7CC365
}

.size_6 {
    font-size: 12px;
    color: #A77FD7
}

.size_7 {
    font-size: 14px;
    color: #C2D0D1
}

.size_8 {
    font-size: 16px;
    color: #6F6667
}

.size_9 {
    font-size: 18px;
    color: #5BD371
}

.size_10 {
    font-size: 18px;
    color: #6BABB5
}

.hot_s {
    padding: 5px 0 0 5px
}

.hot_s a {
    margin: 12px 12px 0 0;
    color: #999;
    font-size: 14px;
}

.subTopicList {}

.subTopicList li {
    height: 118px;
    margin: 5px 0 10px 0;
    position: relative;
    overflow: hidden
}

.subTopicList li img {
    width: 260px;
}

.subTopicList li p {
    width: 240px;
    height: 30px;
    background: url(../images/bg_popular.png) repeat-x;
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #fff;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.queTit {
    height: 47px;
    background: url(../images/bg_tit.png) repeat-x;
    font: normal 16px/45px 'MicroSoft YaHei';
    overflow: hidden
}

.queTit dt {
    border-right: 1px solid #ddd;
    padding: 0 25px;
    float: left
}

.queTit dd,
.queTit li {
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 0 19px;
    float: left;
    cursor: pointer
}

.queTit dd a,
.queTit li a {
    color: #333
}

.queTit dd.on,
.queTit li.on {
    height: 44px;
    border-top: 2px solid #28C88A;
    border-bottom: 1px solid #fff;
    color: #28C88A;
}

.queTit dd.on a,
.queTit li.on a {
    color: #28C88A
}

.queTit i {
    width: 28px;
    height: 45px;
    background: url(../images/icon_info.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.queTit i.queTop {
    background-position: 0 0;
}

.queTit dd.on i.queTop {
    background-position: 0 -405px;
}

.queTit dd.on i.queInfo {
    background-position: 0 -45px;
}

.queTit i.queInfo {
    background-position: 0 -90px;
}

.queTit dd.on i.queLike {
    background-position: 0 -135px;
}

.queTit i.queLike {
    background-position: 0 -180px;
}

.queTit dd.on i.queHistory {
    background-position: 0 -225px;
}

.queTit i.queHistory {
    background-position: 0 -270px;
}

.queTit dd.on i.queStrategy {
    background-position: 0 -315px;
}

.queTit i.queStrategy {
    background-position: 0 -360px;
}

.main .queTit {
    height: 45px;
    border-left: 1px solid #ddd;
    background-position: bottom;
    margin-top: 25px;
}

.main .queTit li {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font: normal 16px/43px 'MicroSoft YaHei';
    padding: 0 25px;
    float: left
}

.main .queTit li a {
    color: #333
}

.main .queTit li a:hover {
    color: #f60
}

.main .queTit li.on {
    border-top: 1px solid #28C88A;
    border-bottom: 1px solid #fff;
}

.appWrap {
    padding: 10px 10px 0 10px
}

.appWrap h3 {
    font: bold 15px/45px 'MicroSoft YaHei';
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

.appWrap h3 i {
    width: 30px;
    height: 45px;
    background: url(../images/icon_info.png) no-repeat;
    vertical-align: middle;
    display: inline-block
}

.appWrap h3 i.iInfo {
    background-position: 0 -45px;
}

.appWrap h3 i.iHistory {
    background-position: 0 -225px;
}

.appWrap h3 i.iStrategy {
    background-position: 0 -315px;
}

.appWrap h3 .more {
    margin-top: 10px;
}

.infopic {
    margin: 0 15px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.picbox {}

.piclist {
    width: 1200px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.piclist li {
    height: 300px;
    margin-right: 15px;
    float: left;
    overflow: hidden;
}

.piclist li img {
    height: 300px;
}

.gn_prev,
.gn_next {
    width: 32px;
    height: 50px;
    position: absolute;
    top: 120px;
    cursor: pointer;
    z-index: 98
}

.gn_prev {
    background: url(../images/prev.png) no-repeat;
    left: 0;
}

.gn_next {
    background: url(../images/next.png) no-repeat;
    right: 0;
}

.txtIntro {}

.txtIntro h4 {
    font: bold 15px/18px 'MicroSoft YaHei';
    border-left: 4px solid #21CF78;
    padding-left: 8px;
    margin: 6px 0
}

.txtIntro p {
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #666;
    padding: 5px 0
}

.txtIntro img {
    max-width: 600px;
    max-height: 450px;
    margin: 10px 0;
}

.pcvData {
    margin-left: -10px;
    overflow: hidden
}

.pcvData li {
    width: 170px;
    margin: 10px 0 0 10px;
    float: left;
    overflow: hidden
}

.pcvData li a {
    height: 25px;
    font: normal 14px/25px 'MicroSoft YaHei';
    color: #333;
    border: 1px solid #24CD77;
    padding-left: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vhList {
    margin-left: -30px;
    overflow: hidden
}

.vhList li {
    width: 335px;
    position: relative;
    margin: 15px 0 15px 30px;
    float: left
}

.vhTit {
    width: 270px;
    height: 20px;
    font: bold 18px/20px 'MicroSoft YaHei';
    color: #333;
    margin: 15px 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vhTit a {
    color: #333;
}

.vhTit a:hover {
    color: #f60
}

.vhBtn {
    font: normal 14px/30px 'MicroSoft YaHei';
    background: #21CF78;
    border-radius: 3px;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 30px;
}

.vhList li p {
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #666;
}

.signOk {
    width: 20px;
    height: 24px;
    background: url(../images/icon_vh.png) no-repeat;
    vertical-align: bottom;
    display: inline-block
}

.vhContent {
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #666;
    overflow: hidden
}

.vhContent dt {
    width: 80px;
    font-weight: bold;
    float: left
}

.vhContent dd {
    width: 240px;
    height: 48px;
    float: left;
    overflow: hidden
}

.vhContent dd em {
    position: absolute;
    bottom: 0;
    right: 0;
}

.vhMore,
.vhLess {
    width: 20px;
    height: 24px;
    background: url(../images/icon_vh.png) no-repeat;
    vertical-align: bottom;
    display: inline-block;
    cursor: pointer
}

.vhMore {
    background-position: 0 -24px
}

.vhLess {
    background-position: 0 -48px
}

.subGameList {
    margin-top: 20px;
}

.subGameList ul {
    margin-left: -15px;
    overflow: hidden
}

.subGameList li {
    width: 80px;
    margin: 15px 0 0 20px;
    float: left
}

.subGameList li img {
    width: 80px;
    height: 80px;
}

.subGameList li p {
    height: 30px;
    font: normal 14px/30px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden
}

.subGameList li a {
    color: #666
}

.subGameList li a:hover {
    color: #f60
}

.articleList {}

.articleList li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.newsInfo {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.newsPic {
    width: 180px;
    height: 135px;
    overflow: hidden;
    float: left
}

.newsInfo section {
    width: 680px;
    float: right
}

.newsInfo section h3 {
    font: normal 18px/24px 'MicroSoft YaHei';
}

.newsInfo section h3 a {
    color: #333
}

.newsInfo section h3 a:hover {
    color: #f60
}

.newsInfo section p {
    height: 40px;
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #666;
    padding-top: 5px;
    overflow: hidden
}

.newsInfo section i {
    font: normal 12px/24px 'MicroSoft YaHei';
    color: #f60;
    display: inline-block
}

.newsInfo section span {
    font: normal 12px/22px 'MicroSoft YaHei';
    color: #1EA270;
    padding-top: 5px;
    display: inline-block;
    float: right
}

.newsApp {
    height: 35px;
    padding-top: 5px;
    overflow: hidden
}

.newsApp img {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

.readAll {
    font: normal 14px/35px 'MicroSoft YaHei';
    color: #f60;
    float: right
}

.readAll:hover {
    text-decoration: underline
}

.articleHalf {
    width: 585px;
    margin-bottom: 30px;
}

.articleHalf li {
    background: url(../images/bg_article.png) top left no-repeat;
    padding: 20px 0 0 20px;
}

.newsTime {
    width: 50px;
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #999;
    float: left
}

.articleHalf .newsInfo section {
    width: 315px
}

.halfTit {
    height: 45px;
    background: url(../images/icon_info.png) 0 -45px no-repeat;
    font: bold 18px/45px 'MicroSoft YaHei';
    color: #444;
    padding-left: 30px;
}

.halfTit a {
    color: #444
}

.halfTit a:hover {
    color: #f60
}

.halfTit .more {
    line-height: 45px;
}

.topTopic {
    margin-left: -30px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.topTopic li {
    width: 380px;
    margin: 10px 0 10px 30px;
    /*float: left;*/
    position: relative
}

.topTopic li img {
    width: 380px;
}

.topTopic li p {
    height: 30px;
    font: normal 15px/30px 'MicroSoft YaHei';
    color: #666;
    padding-top: 5px;
    overflow: hidden
}

.topTopic li p:hover {
    color: #f60
}

.topTopic li i {
    height: 30px;
    background: url(../images/bg_popular.png) repeat;
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #fff;
    position: absolute;
    top: 143px;
    right: 0;
    padding: 0 15px;
}

.topicContent {
    height: 20px;
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tipBtop {
    padding: 15px 0;
    overflow: hidden
}

.tipPic {
    width: 550px;
    float: left
}

.tipPic img {
    width: 550px;
}

.tipInfo {
    width: 630px;
    float: right;
}

.tipInfo h1 {
    font: normal 20px/40px 'MicroSoft YaHei';
    color: #333
}

.tipInfo span {
    font: normal 12px/24px 'MicroSoft YaHei';
    color: #999;
}

.tipInfo span i {
    font-style: normal;
    padding-right: 20px;
}

.tipInfo p {
    max-height: 96px;
    font: normal 15px/24px 'MicroSoft YaHei';
    color: #666;
    padding: 10px 0;
    overflow: hidden
}

.tipInfo div.sort {
    padding-top: 20px;
    max-height: 90px;
    overflow: hidden
}

.tipInfo div.sort b {
    font-weight: normal;
    padding-right: 10px;
}

.tipInfo div.sort a {
    border: 1px solid #FDA000;
    color: #FDA000;
    font-size: 14px;
    padding: 2px 5px;
    margin: 0 10px 6px 0;
    display: inline-block
}

.tipInfo .bdsharebuttonbox {
    margin-left: 0
}

.ztBlist {
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}

.ztBlist em {
    width: 86px;
    height: 54px;
    background: url(../images/em.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.ztBlist em.em_orange {
    background-position: 0 -60px
}

.setInfo {
    width: 570px;
    float: right
}

.setPic {
    width: 550px;
    height: 269px;
    float: left;
    overflow: hidden;
    position: relative
}

.setImg {
    overflow: hidden
}

.setImg img {
    width: 110px;
    height: 110px;
    float: left
}

.setImg section {
    width: 320px;
    padding-left: 15px;
    float: left
}

.setImg h3 {
    font: normal 30px/40px 'MicroSoft YaHei';
    color: #333
}

.setImg h3 a {
    color: #333
}

.setImg h3 a:hover {
    color: #F60;
}

.setImg p {
    font: normal 16px/30px 'MicroSoft YaHei';
    color: #999;
    padding: 5px 0
}

.setImg p .star {
    margin-top: 0;
}

.setBrief {
    height: 88px;
    font: normal 14px/22px 'MicroSoft YaHei';
    margin: 15px 0;
    overflow: hidden
}

.btnSet {
    text-align: center;
}

.btnSet a {
    width: 150px;
    height: 40px;
    background: #24CD77;
    font: normal 16px/40px 'MicroSoft YaHei';
    color: #fff;
    text-align: center;
    display: inline-block
}

.btnSet a:hover {
    text-decoration: none;
    opacity: 0.9
}

.setPic ul {
    width: 2000px;
}

.setPic li {
    float: left
}

.setPic li img {
    height: 265px;
    margin-right: 5px;
}

.setPrev,
.setNext {
    width: 20px;
    height: 50px;
    background: url(../images/set_arrow.png) no-repeat;
    position: absolute;
    top: 100px;
    cursor: pointer
}

.setPrev {
    left: 0;
}

.setNext {
    background-position: -20px 0;
    right: 0
}

.setInfo .btnAndroid {
    width: 140px;
    margin: 0 auto
}

.setInfo .btnPop {
    width: 140px;
    height: 120px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 19px;
    text-align: center;
    position: absolute;
    left: -140px;
    top: -160px;
    z-index: 999;
    display: none
}

.tipBlist {
    overflow: hidden;
    padding-bottom: 26px;
    margin-left: -26px;
}

.tipBlist li {
    width: 340px;
    background: #f7f7f7;
    border: 1px solid #E2E2E2;
    box-shadow: 0 4px 2px #bbb;
    border-radius: 10px;
    padding: 15px 20px;
    margin: 20px 0 0 26px;
    float: left;
    position: relative;
    overflow: hidden
}

.tipBlist li p {
    height: 20px;
    font: normal 14px/20px 'MicroSoft YaHei';
    margin-top: 5px;
    overflow: hidden;
}

.tipBlist li p a {
    color: #f33;
    margin-right: 10px;
}

.tipBlist li p a.link_red {
    color: red
}

.tipBlist li p a.link_blue {
    color: blue
}

.tipBlist li p a.link_green {
    color: green
}

.tipBlist li p a.link_orange {
    color: orange
}

.tipBlist li p a:hover {
    text-decoration: underline;
}

.tipList {
    margin: 10px 0;
    overflow: hidden
}

.tipList img {
    width: 120px;
    height: 120px;
    border-radius: 25px;
    margin-right: 15px;
    float: left
}

.tipList span {
    height: 40px;
    font: normal 16px/40px 'MicroSoft YaHei';
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tipList span a {
    color: #333;
}

.tipList span a:hover {
    color: #f60;
    text-decoration: underline;
}

.tipList span em {
    font: normal 14px/40px 'MicroSoft YaHei';
    color: #999;
    padding-left: 8px;
}

.tipList i {
    font: normal 14px/25px 'MicroSoft YaHei';
    color: #999;
    display: block
}

.tipList i a {
    color: #999
}

.tipList i a:hover {
    color: #f33;
    text-decoration: underline;
}

.tip_down {
    width: 50px;
    height: 24px;
    background: #24CD77;
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #fff;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: 80px;
    right: 15px;
}

.keyWords {
    font: normal 14px/26px 'MicroSoft YaHei';
    padding-top: 20px
}

.keyWords a {
    color: #666;
    margin-right: 14px;
}

.tags {
    height: 40px;
    overflow: hidden;
    margin-top: 15px;
}

.tags dt {
    width: 60px;
    font: normal 12px/24px 'MicroSoft YaHei';
    text-align: center;
    float: left
}

.tags dt a {
    color: #fff;
    display: block
}

.tags dt.tag_t4 a {
    background: #F46D7C;
}

.tags dt.tag_t5 a {
    background: #62B1F3;
}

.tags dt.tag_t6 a {
    background: #817AFC;
}

.tags dd {
    width: 1130px;
    color: #ccc;
    float: right;
}

.tags dd a {
    font: normal 12px/20px 'MicroSoft YaHei';
    display: inline-block;
    margin: 0 12px;
}

.tags dd a {
    color: #666;
}

.tags dd a:hover {
    color: #f33;
    text-decoration: underline;
}

.tags dd a.tags_red {
    color: #f33
}

.half {
    width: 575px;
}

.gameListMini {
    margin-left: -18px;
    overflow: hidden
}

.gameListMini li {
    width: 100px;
    margin: 15px 0 0 18px;
    text-align: center;
    float: left
}

.gameListMini li img {
    width: 95px;
    border-radius: 15px;
}

.gameListMini li p {
    width: 100px;
    height: 24px;
    font: normal 13px/24px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gameListMini li a {
    color: #333
}

.gameListMini li a:hover {
    color: #f33;
    text-decoration: underline;
}

.pcjt_bg {
    width: 650px;
    padding: 30px 30px 60px 30px;
    margin: 0 auto
}

.bg_heng {
    background: url(../images/bg_pcv_jt.png) no-repeat;
}

.bg_shu {
    background: url(../images/bg_pcv_jt_s.png) no-repeat
}

.pcjt_bg .game_jt {
    padding: 0
}

.game_jt {
    width: 650px;
    padding: 30px 40px;
    text-align: center;
}

.game_jt .focus {
    width: 650px;
    text-align: center;
    overflow: hidden
}

.game_jt .rslides_nav {
    top: 150px;
}

.game_jt .f600x img {
    width: auto
}

.game_jt .rslides_tabs a {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #000
}

.game_jt .rslides_tabs li.rslides_here a {
    background: #f33
}

.relatedList {}

.relatedList li {
    height: 60px;
    margin-top: 15px;
    position: relative
}

.relatedList li img {
    width: 60px;
    border-radius: 10%;
    float: left
}

.relatedList li section {
    width: 190px;
    float: right
}

.relatedList li h3 {
    font: normal 16px/30px 'MicroSoft YaHei';
}

.relatedList li h3 a {
    color: #333;
    overflow: hidden;
    display: inline-block;
    width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relatedList li h3 a:hover {
    color: #f33;
    text-decoration: underline;
}

.relatedList li p {
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #999;
}

.relatedList .star {
    margin-top: 5px;
}

.btnList {
    width: 26px;
    height: 26px;
    background: url(../images/btn.png) no-repeat;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
}

.searApp {}

.searApp i {
    font-style: normal;
    color: #f33
}

.searApp a:hover {
    text-decoration: underline
}

.searApp dl {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    overflow: hidden
}

.searApp dt {
    width: 120px;
    float: left
}

.searApp dt img {
    width: 120px;
    height: 120px;
    border-radius: 25px;
}

.searApp dd {
    width: 620px;
    margin: 0 15px;
    float: left
}

.searApp dd h3 {
    font: normal 16px/25px 'MicroSoft YaHei';
}

.searApp dd h3 a {
    color: #333
}

.searApp dd h3 span {
    font: normal 12px/25px 'MicroSoft YaHei';
    color: #666;
    padding: 0 5px;
}

.searApp dd p {
    height: 24px;
    font: normal 12px/24px 'MicroSoft YaHei';
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searApp dd p em {
    font-style: normal;
    padding-right: 12px;
    display: inline-block
}

.searApp dd p a {
    font-size: 14px;
    text-decoration: underline;
    margin-right: 12px;
}

.searApp dd p a.link_red {
    color: red
}

.searApp dd p a.link_blue {
    color: blue
}

.searApp dd p a.link_green {
    color: green
}

.searApp dd p a.link_orange {
    color: orange
}

.searApp dd p a:hover {
    color: #f33
}

.searApp dd.btnSear {
    width: 110px;
    margin: 0;
    text-align: center;
    float: left
}

.btnSear a {
    height: 35px;
    background: #28C88A;
    font: normal 16px/35px 'MicroSoft YaHei';
    color: #fff;
    text-align: center;
    margin-top: 20px;
    display: block
}

.hotKeyword {
    padding-bottom: 15px;
}

.kwTable {
    width: 100%;
}

.kwTable td {
    width: 135px;
    border: 1px solid #fcfcfc;
    padding-left: 8px;
}

.kwTable td a {
    height: 35px;
    font: normal 14px/35px 'MicroSoft YaHei';
    background: url(../images/dot2.png) left no-repeat;
    color: #444;
    padding-left: 10px;
    display: block;
    overflow: hidden
}

/*é–ºå‚šæ´¨éé£Žæ‹ é””è—‰å‰°å¦žã‚æ‹·*/
.article_box {}

.article_box h1 {
    font: bold 28px/40px 'MicroSoft YaHei';
    padding: 5px 0;
    text-align: center;
}

.wz_info {
    color: #999;
    text-align: center;
    overflow: hidden;
}

.wz_info b,
.wz_info a {
    font: normal 14px/30px 'MicroSoft YaHei';
    margin: 0 10px
}

.share_baidu {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.bdsharebuttonbox {
    display: inline-block;
}

.wz_info a {
    color: #666;
}

.wz_info a:hover {
    color: #f33;
    text-decoration: underline
}

.wz_con {
    font: normal 16px/40px 'MicroSoft YaHei';
    color: #111;
    border-top: 1px solid #ddd;
    margin-top: 1px;
}

.wz_con p {
    font: normal 16px/40px 'MicroSoft YaHei';
    color: #111;
    margin: 25px 0;
    text-indent: 0
}

.wz_con img {
    max-width: 600px;
    max-height: 450px;
}

.wz_con a {
    color: #24CD77;
}

.wz_con a:hover {
    text-decoration: underline;
}

.pcv_data {
    margin-left: -10px;
    overflow: hidden
}

.pcv_data li {
    width: 170px;
    margin: 10px 0 0 10px;
    float: left;
    overflow: hidden
}

.pcv_data li a {
    height: 25px;
    font: normal 14px/25px 'MicroSoft YaHei';
    color: #333;
    border: 1px solid #24CD77;
    padding-left: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab_tit {
    border-top: 1px solid #ddd;
    background: url(../images/bg_tit.png) bottom repeat-x;
    overflow: hidden
}

.tab_tit li {
    height: 45px;
    font: normal 18px/45px 'MicroSoft YaHei';
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    float: left;
    cursor: pointer
}

.tab_tit li.on {
    border-bottom: 1px solid #28C88A;
    color: #28C88A
}

.tab_tit li a {
    color: #333
}

.tab_tit li.on a {
    color: #28C88A
}

.wz_list {
    padding: 10px 0;
    margin-left: -20px;
}

.wz_list li {
    width: 410px;
    background: url(../images/dot.png) left no-repeat;
    padding-left: 10px;
    margin: 5px 0 0 20px;
    float: left
}

.wz_list li a {
    font: normal 14px/24px 'MicroSoft YaHei';
    color: #333
}

.wz_list li a:hover {
    text-decoration: underline
}

.app_wz {
    background: #EBECF1;
    padding: 20px 20px 10px 20px;
}

.app_wz h3 {
    font: bold 18px/30px 'MicroSoft YaHei';
    padding-bottom: 12px;
}

.app_wz h3 a {
    color: #333
}

.app_wz dl {
    overflow: hidden
}

.app_wz dt {
    width: 110px;
    float: left
}

.app_wz dt img {
    width: 110px;
    height: 110px;
}

.app_wz dd {
    width: 125px;
    padding-top: 3px;
    float: right
}

.app_wz p {
    font: normal 12px/25px 'MicroSoft YaHei';
    color: #888;
}

.app_wz p a {
    color: #888;
}

.wz_describe {
    height: 66px;
    font: normal 12px/22px 'MicroSoft YaHei';
    color: #444;
    padding-top: 10px;
    margin-bottom: 12px;
    overflow: hidden
}

.wz_describe b {
    color: #888;
    font-weight: normal;
}

.wz_gamelist {
    margin-top: 20px;
}

.wz_gamelist ul {
    margin-left: -15px;
    overflow: hidden
}

.wz_gamelist li {
    width: 80px;
    margin: 15px 0 0 20px;
    float: left
}

.wz_gamelist li img {
    width: 80px;
    height: 80px;
}

.wz_gamelist li p {
    height: 30px;
    font: normal 14px/30px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden
}

.wz_gamelist li a {
    color: #666
}

.info_sub {
    width: 180px;
    float: left
}

.info_main {
    width: 730px;
    margin: 0 15px;
    float: left
}

.info_right {
    width: 260px;
    float: right
}

.sub_appinfo {
    padding-top: 15px;
}

.sub_appinfo img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: block
}

.sub_appinfo h3 {
    height: 30px;
    font: normal 18px/30px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden;
    margin: 15px 0
}

.sub_appinfo p {
    height: 20px;
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #666;
    margin-top: 5px;
    overflow: hidden
}

.sub_appinfo p a {
    color: #0AACEC;
}

.sub_appinfo p a:hover {
    text-decoration: underline
}

.sub_appinfo p .star {
    margin-top: 0;
}

.btn_android {
    height: 40px;
    font: normal 16px/40px 'MicroSoft YaHei';
    background: url(../images/icon_btn.png) 10px 10px no-repeat #28C88A;
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative
}

.btn_android a {
    color: #fff;
    display: block
}

.btn_android i {
    width: 40px;
    height: 40px;
    background: url(../images/icon_btn.png) 7px -100px no-repeat;
    border-left: 1px solid #24B47C;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.btn_pop {
    width: 140px;
    height: 120px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 19px;
    text-align: center;
    position: absolute;
    left: -140px;
    top: 40px;
    z-index: 999;
    display: none
}

.btn_pop img {
    width: 100px;
    height: 100px;
}

.btn_pc {
    height: 40px;
    font: normal 16px/40px 'MicroSoft YaHei';
    background: url(../images/icon_btn.png) 10px -28px no-repeat #FFA13D;
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative
}

.btn_pc a {
    color: #fff;
    display: block
}

.btn_pc i {
    width: 40px;
    height: 40px;
    background: url(../images/icon_btn.png) 7px -66px no-repeat;
    border-left: 1px solid #E59137;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.btn_report {
    padding: 20px 0;
}

.btn_report a {
    height: 33px;
    border: 1px solid #ccc;
    background: url(../images/icon.png) 30px -830px no-repeat #eee;
    font: normal 15px/33px 'MicroSoft YaHei';
    color: #666;
    padding-left: 65px;
    display: block
}

.w218 li section {
    width: 218px;
}

.wz_topic {
    margin-top: 20px;
}

.wz_topic ul {
    overflow: hidden
}

.wz_topic li {
    margin-top: 10px;
}

.wz_topic li img {
    width: 100%;
}

.wz_topic li p {
    height: 30px;
    font: normal 14px/30px 'MicroSoft YaHei';
    text-align: center;
    overflow: hidden
}

.wz_topic li a {
    color: #666
}

.wz_related {}

.wz_related li {
    height: 60px;
    padding-top: 15px;
}

.wz_related li img {
    width: 60px;
    border-radius: 10%;
    float: left
}

.wz_related li section {
    width: 190px;
    float: right
}

.wz_related li h3 {
    font: normal 16px/30px 'MicroSoft YaHei';
}

.wz_related li h3 a {
    color: #333
}

.wz_related li h3 a:hover {
    color: #f33;
    text-decoration: underline;
}

.wz_related li p {
    font: normal 12px/15px 'MicroSoft YaHei';
    color: #999;
}

.wz_related li p a {
    font-size: 14px;
    color: #24CD77;
    text-decoration: underline;
    padding: 0 5px;
    float: right
}

.wz_related li p a:hover {
    color: #f33
}

.wz_related li p a.a_type {
    float: none;
    color: #999;
    text-decoration: none;
    padding: 0
}

.wz_related li p a.a_type:hover {
    text-decoration: underline
}

/*é–¸æ¨ºæ£—è¤°å •æ‚§é«ç†¸æ‹±é–¸æŽ“îš‰éŠ†å†©ã„é—ˆæ¶™å«²é å›·é™„éŽå¿”ã„é”Ÿï¿½*/
.info_box {
    padding: 20px 0;
    overflow: hidden
}

.info_con {
    width: 660px;
    float: left
}

.info_con img {
    height: 100px;
    border-radius: 10%;
    margin-right: 20px;
    float: left
}

.info_con h1 {
    font: normal 16px/30px 'MicroSoft YaHei';
    color: #333
}

.info_con h1 span {
    font: normal 12px/16px 'MicroSoft YaHei';
    border: 2px solid #f33;
    padding: 0 5px;
    margin: 5px;
    display: inline-block
}

.info_con h1 i {
    font-style: normal;
    color: #999
}

.info_con p {
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #999;
    padding-top: 5px;
}

.info_con p em {
    color: #333;
    font-style: normal;
    padding-right: 20px;
}

.info_css_d {
    width: 200px;
    text-align: right;
    float: right;
}

.apk_btn {
    margin-top: 20px;
}

.apk_btn a {
    background: #24CD77;
    border-radius: 5px;
    color: #fff;
    padding: 0 20px;
    display: inline-block
}

.apk_btn a:hover {
    opacity: 0.9
}

.vh_tit {
    background: #F2F5FA;
    padding: 10px;
    margin-bottom: 10px;
}

.vh_brief {
    font: normal 14px/22px 'MicroSoft YaHei';
    padding: 0 10px 10px 10px;
}

.vh_brief a {
    color: #28C88A;
    text-decoration: underline;
}

.vh_list {}

.vh_list li {
    margin-top: 10px;
    overflow: hidden
}

.vh_list li a {
    display: block
}

.vh_list li h4 {
    font: normal 18px/20px 'MicroSoft YaHei';
    border-left: 3px solid #24CD77;
    color: #333;
    padding-left: 10px;
    margin: 5px 0;
}

.vh_list li h4 b {
    font: normal 14px/30px 'MicroSoft YaHei';
    background: #24CD77;
    border-radius: 3px;
    color: #fff;
    padding: 0 10px;
    float: right
}

.vh_table {
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #666;
    margin: 5px 0 5px 14px;
}

.vh_table th {
    font-weight: normal;
    word-break: keep-all;
    vertical-align: top;
    padding: 2px;
}

.vh_table td {
    padding: 2px;
}

.vh_table td p {
    font: normal 14px/20px 'MicroSoft YaHei';
    padding: 0
}

.txtIntro a {
    color: #28C88A;
    text-decoration: underline;
}

.page .current {
    color: #fff;
    background: #28C88A;
}

.topper a.app_iu9 {
    width: 110px;
    height: 24px;
    background: url(../images/btn_app.png) no-repeat;
    margin: 2px 0 0 0;
    float: left
}

/*20200610*/
.data_tit {
    height: 30px;
    border-bottom: 2px solid #26CC7A;
    margin-top: 10px;
}

.info_data dl {}

.info_data dt {
    font: bold 15px/30px 'MicroSoft YaHei';
    color: #26CC7A;
    padding-top: 5px;
}

.info_data dt b {
    font: normal 14px/30px 'MicroSoft YaHei';
    cursor: pointer;
    float: right
}

.info_data dt a {
    color: #26CC7A;
}

.info_data dd {
    margin-left: -12px;
    overflow: hidden
}

.info_data dd p {
    width: 180px;
    height: 35px;
    font: normal 14px/35px 'MicroSoft YaHei';
    background: #eee;
    text-align: center;
    padding: 0 5px;
    margin: 4px 0 4px 12px;
    overflow: hidden;
    float: left
}

.info_data dd.data_dd {
    height: 80px;
    margin-left: -8px;
}

.info_data dd.data_dd p {
    width: 125px;
    height: 30px;
    font: normal 14px/30px 'MicroSoft YaHei';
    margin: 4px 0 4px 8px;
}

.info_data dd p a {
    color: #333;
}

.appWrap h3 a {
    color: #333
}

.bg_box {
    height: 200px;
    background: #000;
    position: relative
}

.bg_app {}

.bg_app img {
    width: 1200px;
    opacity: 0.4;
    margin-top: -500px;
    -webkit-filter: blur(10px);
    /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.app_con {
    width: 1120px;
    height: 120px;
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.app_con img {
    height: 120px;
    border-radius: 10%;
    margin-right: 25px;
    float: left
}

.app_con h1 {
    font: normal 20px/30px 'MicroSoft YaHei';
    color: #fff
}

.app_con h1 a {
    color: #fff;
}

.app_con p {
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #ccc;
}

.app_con p em {
    color: #fff;
    font-style: normal;
    padding-right: 20px;
}

.btn_game {
    padding-top: 10px;
}

.btn_game li {
    float: left
}

.btn_game li a {
    height: 42px;
    color: #fff;
    font: bold 15px/42px 'MicroSoft YaHei';
    padding: 0 22px 0 50px;
    margin-right: 15px;
    display: inline-block
}

.btnNone {
    background-color: #c0c0c0 !important;
}

.btn_ios {
    background: url(../images/btn_ios.png) 5px 6px no-repeat #5A97FF;
}

.btn_android {
    background: url(../images/btn_android.png) 12px 7px no-repeat #3FB67E;
}

.btn_pc {
    background: url(../images/btn_pc.png) 12px 7px no-repeat #F3A634;
}

.btn_game li span {
    width: 148px;
    font: normal 12px/30px 'MicroSoft YaHei';
    color: #aaa;
    text-align: center;
    vertical-align: middle;
    display: block
}

.btn_game li span i {
    width: 10px;
    height: 10px;
    background: url(../images/icon_select.png) no-repeat;
    padding-right: 5px;
    display: inline-block;
}

.nomargin {
    padding-top: 0;
}

.sub .zolSub li section {
    width: 220px;
}

/*0709*/
.similar_wrap {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden
}

.similar_wrap dt {
    width: 80px;
    float: left
}

.similar_wrap dt img {
    width: 80px;
    height: 80px;
}

.similar_wrap dd {
    width: 1075px;
    float: right
}

.similar_wrap dd h3,
.similar_wrap dd h3 a {
    color: #333;
    font: normal 16px/30px 'MicroSoft YaHei';
}

.similar_wrap dd h3 .star {
    margin: 0 10px
}

.similar_wrap dd p {
    font: normal 14px/22px 'MicroSoft YaHei';
    color: #666
}

.similar_wrap dd p a {
    color: #24CD77;
    border-bottom: 1px dotted #333;
    display: inline-block;
    margin: 0 3px;
}

.similar_list {
    width: 1196px;
    border-top: 1px dotted #999;
    border-left: 1px dotted #999;
    margin: 0 0 20px 0;
    overflow: hidden
}

.similar_list dl {
    width: 258px;
    height: 98px;
    background: #fff;
    border-right: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: 20px;
    float: left;
    overflow: hidden
}

.similar_list dt {
    width: 75px;
    height: 95px;
    float: left
}

.similar_list dt .star {
    margin: 10px 0 0 10px;
}

.similar_list dd {
    width: 165px;
    float: right
}

.similar_list dd h3 a {
    color: #333;
    font: bold 16px/30px 'MicroSoft YaHei';
}

.similar_list dd p {
    color: #666;
    font: normal 12px/25px 'MicroSoft YaHei';
}

.similar_set {
    width: 1200px;
    margin: 0 auto 20px auto;
}

/*20200901*/
.apk_tj {
    overflow: hidden
}

.apk_ad {
    width: 330px;
    float: left
}

.apk_keyword {
    width: 520px;
    float: right
}

.apk_keyword h3 a {
    color: #333;
}

.kw_top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    overflow: hidden
}

.kw_top dt {
    width: 75px;
    float: left
}

.kw_top dt img {
    width: 75px;
    height: 75px;
}

.kw_top dd {
    width: 430px;
    font: normal 14px/25px 'MicroSoft YaHei';
    padding-left: 15px;
    float: left
}

.kw_top dd h3 {
    font: bold 16px/25px 'MicroSoft YaHei';
}

.kw_top dd h3 a {
    color: #333
}

.kw_top dd h3 a:hover {
    text-decoration: underline;
    color: #f33
}

.kw_top dd p {
    height: 25px;
    color: #333;
    overflow: hidden
}

.kw_top dd p b {
    color: #999;
    font-weight: normal;
}

.apk_kwlist {
    margin-top: 10px;
    overflow: hidden
}

.apk_kwlist li {
    width: 100px;
    text-align: center;
    padding: 15px 5px 0 5px;
    float: left
}

.apk_kwlist li img {
    max-width: 60px;
    height: 60px;
}

.apk_kwlist li h3 {
    height: 20px;
    font: normal 14px/20px 'MicroSoft YaHei';
    margin-top: 8px;
    overflow: hidden
}

.apk_kwlist li a h3 {
    color: #333
}

.apk_kwlist li a:hover h3 {
    color: #f33;
    text-decoration: underline;
}

.apk_kwlist li p {
    font: normal 12px/20px 'MicroSoft YaHei';
    color: #999;
}

.kw_btn li {
    width: 100px;
    text-align: center;
    padding: 15px 2px 0 2px;
    float: left
}

.kw_article {
    margin-top: -1px;
    padding-bottom: 20px;
}

.kw_article li {
    border-top: 1px solid #ddd;
    padding: 15px 0
}

.kw_article li h3 {
    height: 30px;
    font: normal 15px/30px 'MicroSoft YaHei';
    overflow: hidden
}

.kw_article li h3 a {
    color: #333
}

.kw_article li h3 a:hover {
    color: #f33;
    text-decoration: underline;
}

.kw_article li p {
    height: 40px;
    font: normal 14px/20px 'MicroSoft YaHei';
    color: #999;
    margin-top: 5px;
    overflow: hidden
}

.kw_rank {
    padding: 5px 0
}

.kw_rank li {
    height: 40px;
    font: normal 14px/40px 'MicroSoft YaHei';
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.kw_rank li b {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-right: 3px;
}

.kw_rank li b.num_1 {
    color: #f33;
}

.kw_rank li a {
    color: #333
}

.kw_rank li a:hover {
    color: #f33;
    text-decoration: underline;
}

.vice_tit {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    clear: both
}

.vice_tit b {
    height: 40px;
    font: bold 15px/40px 'MicroSoft YaHei';
    border-bottom: 1px solid #24CD77;
    display: inline-block;
}

.vice_tit b a {
    color: #333;
}

.vice_tit b a:hover {
    color: #f33;
    text-decoration: underline;
}

.vice_tit b span {
    max-width: 135px;
    height: 40px;
    font: bold 15px/40px 'MicroSoft YaHei';
    vertical-align: middle;
    padding-right: 10px;
    margin-top: -4px;
    overflow: hidden;
    display: inline-block
}

.vice_tit a {
    color: #333;
}

.vice_tit a:hover {
    color: #f33;
    text-decoration: underline;
}

.app_xitong a {
    color: #28C88A;
    text-decoration: underline;
}

/*20220121*/
.pc_btn2022 {
    height: 50px;
    background: url(../images/icon_flash.png) left no-repeat #24CD77;
    border-radius: 3px;
    font: normal 20px/30px '';
    color: #fff;
    padding: 8px 15px 8px 50px;
    display: block
}

.pc_btn2022 i {
    font: normal 12px/12px '';
    display: block
}

.pc_btnlink {
    width: 180px;
    height: 45px;
    background: #ccc;
    border-radius: 3px;
    font: normal 20px/25px '';
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin-top: 10px;
    display: block
}

.pc_btnlink i {
    font: normal 12px/20px '';
    display: block
}

.btn_d_pc {
    background-color: #f90;
}

.down_team2022 {
    width: 400px;
    padding: 12px 15px;
}

.down_team2022 h4 {
    font: bold 15px/28px '';
}

.down_team2022 h5 {
    font: bold 15px/28px '';
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px
}

.btn_orange,
.btn_green {
    width: 120px;
    height: 35px;
    font: normal 14px/35px '';
    border-radius: 3px;
    display: inline-block
}

.btn_orange {
    background: url(../images/btn_team2022.png) 10px 10px no-repeat #f60;
    color: #fff;
    padding-left: 45px;
    margin: 5px;
}

.btn_green {
    background: url(../images/btn_team2022.png) 10px -28px no-repeat;
    color: #666;
    padding-left: 35px
}


/*20220124*/
.list_label {}

.list_label li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    overflow: hidden
}

.list_label li img {
    width: 50px;
    height: 50px;
    float: left
}

.list_label li section {
    width: 950px;
    margin: 0 20px 0 10px;
    float: left
}

.list_label li h3 {
    height: 26px;
    font: normal 16px/26px 'MicroSoft YaHei';
    overflow: hidden
}

.list_label li h3 a {
    color: #333
}

.list_label li p {
    height: 22px;
    font: normal 14px/22px 'MicroSoft YaHei';
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn_label {
    width: 80px;
    height: 30px;
    background: #21CF78;
    font: normal 14px/30px 'MicroSoft YaHei';
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-top: 20px;
    float: right
}


/*search*/
.tit_tab {
    height: 40px;
    border-left: 1px solid #eee;
    margin-top: 15px;
    overflow: hidden;
    border-bottom: 2px solid #eee;
}

.tit_tab a {
    height: 40px;
    font: normal 14px/40px 'MicroSoft YaHei';
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #333;
    padding: 0 35px;
    float: left
}

.tit_tab a.on {
    height: 38px;
    border-bottom: 2px solid #24CD77;
    color: #24CD77
}

.tit_tab a:hover {
    color: #f33;
    text-decoration: underline;
}


/*20220127*/
.sift_box {
    font: normal 14px/28px 'MicroSoft YaHei';
    padding: 15px 0;
    border-top: 1px solid #eee;
    overflow: hidden
}

.sift_box dt {
    width: 80px;
    text-align: center;
    float: left
}

.sift_box dd {
    width: 1120px;
    float: left
}

.sift_box dd a {
    color: #333;
    padding: 0 8px;
    margin-right: 8px;
    display: inline-block
}

.sift_box dd a.on {
    background: #E10041;
    color: #fff;
}

.sift_box dd a:hover {
    color: #E10041;
}

.no_css_d_btn {
    text-align: center;
}

.no_css_d_btn a {
    background: #fff;
    font: 16px/18px 'MicroSoft YaHei';
    color: #000;
}

/*20221018*/
.box_set {
    width: 730px;
    background: #fff;
    padding: 15px;
    margin: 0 auto
}

.box_set h3 {
    font: bold 18px/30px '';
    text-align: center;
    padding: 10px 0
}

.tips {
    font: normal 12px/30px '';
    color: #999;
    text-align: center
}

.tips b {
    width: 20px;
    display: inline-block
}

.g_reading {
    background: #fafafa;
    border: 1px solid #f2f2f2;
    padding: 15px;
}

.g_reading p {
    font: normal 14px/24px '';
    position: relative
}

.g_reading b {
    background: #f80;
    color: #fff;
    text-align: center;
    padding: 1px;
    display: inline-block;
    vertical-align: text-bottom;
}

.g_reading b.dao {
    width: 24px;
    height: 24px;
    font: bold 20px/24px '';
}

.g_reading b.du {
    width: 20px;
    height: 20px;
    font: bold 18px/20px '';
    margin-right: 5px;
}

.g_pic {
    text-align: center;
    margin: 10px 0
}

.set_box {
    padding: 10px;
}

.set_box p {
    font: normal 14px/24px '';
    margin-bottom: 10px;
}

.set_album {
    width: 710px;
    /* height:390px; */
    text-align: center;
    overflow: hidden
}

.set_album .img_w {
    width: 90%;
}

.set_album img {
    /* height:390px; */
    width: 45%;
}

.set_btn {
    font: normal 14px/24px '';
    text-align: center;
    padding: 15px 0
}

.btn_code {
    width: 130px;
    height: 130px;
    background: url(../images/bg_code.png) no-repeat;
    padding: 15px;
    margin: 0 auto
}

.btn_code img {
    width: 130px;
    height: 130px;
}

.d_app {
    width: 200px;
    height: 40px;
    background: #24CD77;
    border-radius: 3px;
    font: normal 18px/40px '';
    color: #fff;
    margin: 10px auto;
    cursor: pointer;
}

/* 相关版本 */
.m-xgdownul {
    margin-top: 20px;
}

.m-xgdownul li a {
    color: #000;
}

.m-xgdownul li a strong {
    width: 320px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: normal;
    text-indent: 16px;
    float: left;
    display: inline;
    overflow: hidden;
}

.m-xgdownul li a strong {
    display: inline-block;
    /* 调整内边距以适应图像尺寸 */
}

.m-xgdownul li {
    position: relative;
}

.m-xgdownul li a em {
    height: 35px;
    font-style: normal;
    line-height: 35px;
    font-size: 16px;
}

.m-xgdownul li a b {
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    float: right;
    display: inline;
    overflow: hidden;
}

/* 相关专题 */
.guess_box{
    overflow: hidden;
}
.gtab {
    position: absolute;
    top: 12px;
    right: 0;
    overflow: hidden;
    height: 24px;
    padding-right: 12px;
}

.gtab a {
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    float: right;
    padding: 0 15px;
    background: #f3f3f3;
    margin-left: 17px;
    position: relative;
}

.gtab a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 40px;
    position: absolute;
    left: -12px;
    top: 0;
    background: url(../images/s-icons.png) no-repeat;
    background-position: -13px -254px;
}

.gtab a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 40px;
    position: absolute;
    right: -12px;
    top: 0;
    background: url(../images/s-icons.png) no-repeat;
    background-position: 0 -228px;
}

.gtab a.hover {
    background: #01a0e2;
    color: #fff;
}

.gtab a.hover::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 40px;
    position: absolute;
    left: -12px;
    top: 0;
    background: url(../images/s-icons.png) no-repeat;
    background-position: -13px -202px;
}

.gtab a.hover::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 40px;
    position: absolute;
    right: -12px;
    top: 0;
    background: url(../images/s-icons.png) no-repeat;
    background-position: 0 -176px;
}

.g_intro {
    padding-bottom: 20px;
    overflow: hidden;
    zoom: 1;
}

.g_intro .intro_img {
    width: 260px;
    height: 130px;
    display: inline-block;
    float: left;
    margin-right: 24px;
}

.g_intro .intro_img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.g_intro .zt_text .zt_title {
    font-size: 16px;
    color: #333;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.g_intro .zt_text .more_zt {
    font-size: 12px;
    color: #b4b4b4;
    float: right;
}

.g_intro .zt_text .more_zt:hover {
    color: #01a0e2;
}

.g_intro .zt_text .zt_title:hover {
    color: #01a0e2;
}

.g_intro .zt_text .zt_info {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    max-height: 78px;
    line-height: 26px;
}

.label_game_info ul {
    width: 104%;
}

.label_game_info ul li {
    display: block;
    float: left;
    margin: 0 18px 16px 0;
    width: 30%;
    height: 80px;
    border: 1px solid #e6e6e6;
    transition: all .4s ease;
}

.label_game_info ul li .img {
    float: left;
    overflow: hidden;
    margin-right: 12px;
    padding-left: 10px;
    padding-top: 15px;
    width: 40px;
    height: 40px;
}

.label_game_info ul li .img:hover {
    opacity: 0.88;
}

.label_game_info ul li .img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.label_game_info ul li .name {
    display: block;
    float: left;
    width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 14px;
}

.label_game_info ul li .type {
    color: #01a0e2;
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    background: #cdedfa;
    border-radius: 1px;
    padding: 0 5px;
}

.label_game_info ul li .bq {
    color: #999;
    width: 150px;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}

.label_game_info ul li .bq i {
    margin: 0 5px;
    font-style: italic;
}

.label_game_info ul li:hover {
    margin-top: -10px;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #e4e4e4;
    margin-bottom: 26px;
}

.label_game_info ul li:hover .name {
    color: #01a0e2;
}
/* 主题色 */

.menu a:hover, .menu a.on,.queTit dd.on, .queTit li.on{
    border-top: 2px solid var(--pm-c) !important;
}

.btn_search{
    background:url(../images/icons.png) 15px -120px no-repeat var(--pm-c) !important;
}

.search,.btnFocus,.topList b.on,.btn_label,.d_app,.page .current{
    background: var(--pm-c) !important;
}

.queTit dd.on a, .queTit li.on a,.txtIntro a,.queTit dd.on, .queTit li.on,.wz_con a,.tab_tit li.on{
    color: var(--pm-c) !important;
}

.txtIntro h4{
    border-left: 4px solid var(--pm-c) !important;
}

.tab_tit li.on{
    border-bottom: 1px solid var(--pm-c) !important;
}